<template>
  <div class="mt50 mb100">
    <p class="font50">个人信息</p>
    <a-row>
      <a-col>
        <a-descriptions :title="title" class="text_left" bordered>
          <a-descriptions-item label="用户名">user8</a-descriptions-item>
          <a-descriptions-item label="昵称">新用户</a-descriptions-item>
          <a-descriptions-item label="真实姓名">gege</a-descriptions-item>
          <a-descriptions-item label="电话">empty</a-descriptions-item>
          <a-descriptions-item label="邮箱">12345678@qq.com</a-descriptions-item>
          <a-descriptions-item label="账户余额">default</a-descriptions-item>
        </a-descriptions>
      </a-col>
      <a-col>
        <a-button>修改信息</a-button>
      </a-col>
    </a-row>
  </div>
</template>

<script>
export default {
  name: 'userInfo',
  data () {
    return {
      title: '您的个人信息'
    }
  }
}
</script>

<style scoped>
/* ::v-deep .ant-descriptions-title {
    font-size: 50px;
} */
</style>